import React from 'react';
import { Col, Row } from 'antd';

function Product() {
  return (
    <div className="index-product-box" id="index-product-box">
      <h1 className="index-product-title">全网优质产品</h1>
      <p className="index-product-desc">全网优质话费产品</p>
      <Row>
        <Col span="8">
          <div className="index-product-image">
            <img alt="全网话费" src="//zos.alipayobjects.com/rmsportal/WBnVOjtIlGWbzyQivuyq.png" />
          </div>
          <div className="index-product-card">
            <h3>全网话费</h3>
            <p>全国移动、联通、电信话费</p>
          </div>
        </Col>
        <Col span="8">
          <div className="index-product-image">
            <img alt="超低价格" src="//zos.alipayobjects.com/rmsportal/YPMsLQuCEXtuEkmXTTdk.png" />
          </div>
          <div className="index-product-card">
            <h3>超低价格</h3>
            <p>低于市场价格，让利合作商，合作共赢</p>
          </div>
        </Col>
        <Col span="8">
          <div className="index-product-image">
            <img alt="高质通道" src="//zos.alipayobjects.com/rmsportal/EkXWVvAaFJKCzhMmQYiX.png" />
          </div>
          <div className="index-product-card">
            <h3>高质通道</h3>
            <p>运营商直连通道，杜绝假充</p>
          </div>
        </Col>
      </Row>
    </div>
  );
}

export default Product;

